<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="./common/images/favicon.png">

    <title>任务发布</title>
  

    <!-- Bootstrap core CSS -->
    <link href="js/bootstrap/dist/css/bootstrap.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="./js/bootstrap.datetimepicker/css/bootstrap-datetimepicker.min.css" />
    <link rel="stylesheet" href="./assets/fonts/font-awesome-4/css/font-awesome.min.css">
    <link href="./assets/css/style.css" rel="stylesheet" />
    <style type="text/css">
        .infoItem
        {
            margin: 10px 0; 
            line-height: 18px;
        }

        .infoItem .desc
        {
            width: 120px; 
            font-size: 18px;
            color:#000;
        }

        .infoItem .stateValue
        {
            font-size: 18px;
            color: #012aff; 
            text-decoration: underline;
        }

        .infoItem .value
        {
            font-size: 14px;
        }
    </style>

</head>
<body>
    <!-- Fixed navbar -->
    <div id="head-nav" class="navbar navbar-default navbar-fixed-top">

    </div>

    <div id="cl-wrapper" class="fixed-menu">
        <div class="container-fluid" id="pcont">
                <div class="col-md-12" style="padding-right: 0;">
                    <div class="block-flat">
                        <div class="header">      
                            <div class="pull-left">
                                <p class="jb_underline">任务发布&#62;&#62;编辑任务</p>
                            </div>                      
                            <div class="clearfix"></div>
                        </div>
                        <div class="content">
                            <!-- <div class="table-responsive">
                                <div> -->

                                    <div class="row">
                                        <div class="col-sm-12 infoItem">
                                            <div class="col-sm-3 desc" style="line-height: 35px;">发布时间</div>
                                            <div class="col-sm-9 value">   
                                                <div class="input-group date datetime" style="width: 250px;"  data-date-format="yyyy-mm-dd hh:ii">
                                                    <input class="form-control" size="16" type="text"  readonly="">
                                                    <span class="input-group-addon btn btn-primary"><span class="glyphicon glyphicon-th"></span></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-12 infoItem">
                                            <div class="col-sm-3 desc" style="line-height: 35px;">截止时间</div>
                                            <div class="col-sm-9 value">
                                                <div class="input-group date datetime"  style="width: 250px;" data-date-format="yyyy-mm-dd hh:ii">
                                                    <input class="form-control" size="16" type="text"  readonly="">
                                                    <span class="input-group-addon btn btn-primary"><span class="glyphicon glyphicon-th"></span></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-12 infoItem">
                                            <div class="col-sm-3 desc" style="line-height: 35px;">审核时长</div>
                                            <div class="col-sm-9 value">
                                                <div id="datatable-icons_length" class="dataTables_length" style="width: 150px;">
                                                    <select size="1" class="form-control">
                                                        <option value="1">48小时</option>
                                                        <option value="2" selected="selected">24小时</option>
                                                        <option value="3">12小时</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-12 infoItem" style="line-height: 35px;">
                                            <div class="col-sm-3 desc">发布数量</div>
                                            <div class="col-sm-9 value">
                                            <div id="datatable-icons_length" class="dataTables_length" style="width: 150px;">
                                                    <select size="1" class="form-control">
                                                        <option value="1">1000个</option>
                                                        <option value="2" selected="selected">500个</option>
                                                        <option value="3">100个</option>
                                                    </select>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-12 infoItem">
                                            <div class="col-sm-3 desc">任务佣金</div>
                                            <div class="col-sm-9 value">
                                                <input type="number" class="form-control" placeholder="" style="width: 150px;">
                                            </div>
                                        </div>
                                        <div class="col-sm-12 infoItem">
                                            <div class="col-sm-3 desc">任务标题</div>
                                            <div class="col-sm-9 value">
                                                <input type="number" class="form-control" placeholder="">
                                            </div>
                                        </div>
                                        <div class="col-sm-12 infoItem">
                                            <div class="col-sm-3 desc">任务说明</div>
                                            <div class="col-sm-9 value">
                                                <textarea class="form-control" style="min-height: 120px;"></textarea>
                                            </div>
                                        </div>
                                        <div class="col-sm-12 infoItem">
                                            <div class="col-sm-3 desc">任务图例</div>
                                            <div class="col-sm-9 value">
                                                <ul>
                                                    <li style="float: left; margin: 10px;">
                                                        <img src="./assets/img/taskImg.png" style="width: 70px;">
                                                    </li>
                                                    <li style="float: left; margin: 10px;">
                                                        <img src="./assets/img/taskImg.png" style="width: 70px;">
                                                    </li>
                                                    <li style="float: left; margin: 10px;">
                                                        <img src="./assets/img/taskImg.png" style="width: 70px;">
                                                    </li>
                                                </ul>
                                                <div>
                                                    <img src="./assets/img/pic.jpg" style="width: 70px;" Onclick="addPic.click();">
                                                    <input style="display: none;" id="addPic" type="file" accept="image/*" name="" >
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-sm-12 infoItem">
                                            <div class="col-sm-3 desc">步骤说明</div>
                                            <div class="col-sm-9 value">
                                                <textarea class="form-control" style="min-height: 120px;"></textarea>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div style="margin: 50px 0 0 120px;">
                                            <button style="font-size: 18px; padding: 5px; margin: 0 10px;">提交</button>
                                        </div>
                                    </div>


                                <!-- </div>                          
                            </div> -->
                        </div>
                    </div>              
                </div>
        </div>
    </div>

    <script type="text/javascript" src="js/jquery.js"></script>
    <script src="js/bootstrap/dist/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/bootstrap.datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="./js/bootstrap.datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>

  <script type="text/javascript">
        var headerUrl = "./header.html"
        $("#head-nav").load(headerUrl,function(response,status,xhr){

        });

        $(".datetime").datetimepicker({
            language:'zh-CN',
            autoclose: true,
            todayHighlight: true,
        });

  </script>

  </body>

</html>
